﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="MenuDemo.aspx.cs" Inherits="TestFrame.MenuDemo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<table>
    <tr>
        <th>
        Horizontal - Local Storage
        </th>
        <th>
        Vertical - Local Storage
        </th>
    </tr>
    <tr>
        <td style="vertical-align: top; width: 400px;">
            <JQN:Menu ID="Menu1" runat="server" Direction="Horizontal">
                <Items>
                    <JQN:MenuItem Text="Main">
                        <Items>
                            <JQN:MenuItem Text="Options" />
                            <JQN:MenuItem Type="Seperator" />
                            <JQN:MenuItem Text="Close" Command="close" >
                                <ScriptEvents>
                                    <JQN:Script Event="click" Type="javascript">
                                    function (e, ui) {
                                        
                                        setTimeout(function() {
                                            alert('close button was clicked.');
                                        }, 0);

                                        return true;
                                    }
                                    </JQN:Script>
                                </ScriptEvents>
                            </JQN:MenuItem>
                        </Items>
                    </JQN:MenuItem>
                    <JQN:MenuItem Text="Help">
                        <Items>
                            <JQN:MenuItem Text="About">
                                <Items>
                                    <JQN:MenuItem Text="ASP.Net"></JQN:MenuItem>
                                    <JQN:MenuItem Text="MVC">
                                    <ScriptEvents>
                                    <JQN:Script Event="click" Type="javascript">
                                        function (e, ui) {
                                        
                                            setTimeout(function() {
                                                alert('mvc button was clicked.');
                                            }, 0);

                                            return true;
                                        }
                                        </JQN:Script>
                                    </ScriptEvents>
                                    </JQN:MenuItem>
                                </Items>
                            </JQN:MenuItem>
                        </Items>
                    </JQN:MenuItem>
                </Items>
            </JQN:Menu>
        </td>
        <td style="vertical-align: top; width: 400px;">
            <JQN:Menu ID="Menu2" runat="server" Direction="Vertical" Width="150px">
                <Items>
                    <JQN:MenuItem Text="Main">
                        <Items>
                            <JQN:MenuItem Text="Options" />
                            <JQN:MenuItem Type="Seperator" />
                            <JQN:MenuItem Text="Close" />
                        </Items>
                    </JQN:MenuItem>
                    <JQN:MenuItem Text="Help">
                        <Items>
                            <JQN:MenuItem Text="About">
                                <Items>
                                    <JQN:MenuItem Text="ASP.Net"></JQN:MenuItem>
                                    <JQN:MenuItem Text="MVC"></JQN:MenuItem>
                                </Items>
                            </JQN:MenuItem>
                        </Items>
                    </JQN:MenuItem>
                </Items>
            </JQN:Menu>
        </td>
    </tr>
</table>
</asp:Content>
